<!DOCTYPE html
		PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
		"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>Rounded Corners</title>
</head>
<body>

<p>This is just a funny little test seeing how few images it could take to make boxes with rounded corners and borders.</p>

<table border="1">
	<tr>
		<th>Style</th>
		<th>Images</th>
		<th>Image Size</th>
		<th>CSS Size</th>
		<th>HTML Size</th>
		<th>Header Size</th>
		<th>Total Size</th>
	<tr>
	<tr>
		<th><a href="rounded1.html">corners/borders in one image</a></th>
		<td><strong>1</strong></td>
		<td>1334</td>
		<td>1058</td>
		<td>367</td>
		<td><strong>3977</strong></td>
		<td><strong>6736</strong></td>
	</tr>
	<tr>
		<th><a href="rounded2.html">corners in one image, borders in separate images</a></th>
		<td>5</td>
		<td><strong>564</strong></td>
		<td>672</td>
		<td><strong>251</strong></td>
		<td>7880</td>
		<td>9367</td>
	</tr>
	<tr>
		<th><a href="rounded3.html">corners and borders in separate images</a></th>
		<td>8</td>
		<td>890</td>
		<td><strong>462</strong></td>
		<td><strong>251</strong></td>
		<td>10799</td>
		<td>12402</td>
	</tr>
	<tr>
		<th><a href="rounded4.html">corners in one image, borders in one image</a></th>
		<td>2</td>
		<td>885</td>
		<td>1201</td>
		<td>367</td>
		<td>4969</td>
		<td>7422</td>
	</tr>
</table>

</body>
</html>